<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/mail-list.css">
    <link rel="stylesheet" href="css/footer.css">
    <style>





    </style>
</head>
<body style="margin: 0;">
<select style="display: none;">
</select>
    <div>

        <div style="">
            <!-- 頭部文字 Start -->
            <div style="height: 50px; background-color: #19518C;">
                <div style="width: 1200px; margin: 0 auto; font-size: 14px; color: #fff; line-height: 50px;">
                    <div style="width: 500px; float: left; text-align: left;padding: 0 5px;">欢迎进入泾河新城公安信息网！</div>
                    <div style="width: 500px; float: right; text-align: right;">
                        <a href="#" style="color: #fff; text-decoration: none;">登陆</a>&nbsp;&nbsp;|
                        <a href="#" style="color: #fff; text-decoration: none;">加入收藏</a>&nbsp;&nbsp;|
                        <a href="#" style="color: #fff; text-decoration: none;">设为首页</a>
                    </div>
                </div>
            </div>
            <!-- 頭部文字 End   -->

            <!-- 頭部圖片 Start -->
            <div style="height: 350px;">
                <img src="imgs/bgImg1.jpg" style="width:100%; height: 100%; max-height: 100%;max-width: 100%;">
            </div>
            <!-- 頭部圖片 End -->

            <!--導航菜單 Start-->
            <div style="height: 80px; background-color: #19518C;">
                <div style="width: 1200px; margin: 0 auto; font-size: 18px; color: #fff; line-height: 80px;">

                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 6px;">首页</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">走进泾河</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">通知公告</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">分局文件</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">分局新闻</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">公安简报</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">法制园地</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">纪检督察</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">刑侦工作</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">治安工作</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">交通工作</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">警情研判</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">警营文化</a>
                    <a href="#" style="color: #fff; text-decoration: none; padding: 0px 5.5px;">软件下载</a>
                </div>
            </div>
            <!--導航菜單 End-->
        </div>


        <!-- 正文Start -->
        <div class="content-body">

            <div class="mail-list-body">
                <div class="mail-class">
                    <div class="mail-class-list">
                            <div class="mail-class-header"><i class="fa fa-newspaper-o"></i>网上办事</div>
                            <ul>
                                <li>
                                    <a href="javascript:void(0);" data-is-sub="1">
                                        办事服务
                                        <i class="fa fa-angle-right"></i>
                                    </a>
                                    <ul class="mail-class-list-sub" style="display: none;">
                                        <li>
                                            <a href="javascript:void(0);" data-is-sub="1">
                                                政务要闻1
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0);">
                                                政务要闻2
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0);">
                                                政务要闻3
                                            </a>
                                        </li>
                                    </ul>
                                </li>

                                <li>
                                    <a href="javascript:void(0);" data-is-sub="1">
                                        表格下载
                                        <i class="fa fa-angle-right"></i>
                                    </a>
                                    <ul class="mail-class-list-sub" style="display: none;">
                                        <li><a href="javascript:void(0);">媒体聚焦1</a></li>
                                        <li><a href="javascript:void(0);">媒体聚焦2</a></li>
                                        <li><a href="javascript:void(0);">媒体聚焦3</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="javascript:void(0);">
                                        局长信箱
                                        <i class="fa fa-angle-right"></i>
                                    </a>
                                </li>

                                <li>
                                    <a href="javascript:void(0);">
                                        国际动态
                                        <i class="fa fa-angle-right"></i>
                                    </a>
                                </li>
                            </ul>
                    </div>

                    
                    <div class="mail-read-new-list" style="padding-top: 20px;min-height: 350px;background-color: #f6f6f6;">
                        <div class="mail-read-new-header"><i class="fa fa-edit"></i>最新已审邮件</div>
                        <ul>
                            <li>
                                <a href="javascript:void(0);">
                                    1、邮件主题1
                                </a>
                            </li>

                            <li>
                                <a href="javascript:void(0);">
                                    2、邮件主题1
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);">
                                    3、邮件主题1
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>


                <div style="" class="mail-info-list">
                    <div style="margin: 0 auto;text-align: left;height: 38px; line-height: 38px;padding-left: 20px;">
                        <span>当前位置：</span>
                        <span>首页</span>
                        <span class="content-body-nav-symbol">>></span>&nbsp;
                        <span>局长信箱</span>
                        <span class="content-body-nav-symbol">>></span>&nbsp;
                        <span>我要写信</span>
                    </div>

                    <div class="hr"></div>
                    <div style="height: auto;margin-top: 15px;">
                        <div class="mail-notice">
                            <div class="mail-notice-close"><i class="fa fa-close"></i></div>
                            <p class="mail-notice-title">声明</p>
                            <p class="mail-notice-content">“局长信箱系统”栏目是由市各职能部门根据本部门职责管理范围内发布审批项目的介绍，表格下载。市民可根据其进行预审件填写提交至相应职能部门预审，并可在网上查询到相应的预审结果。</p>
                        </div>

                        <div class="clear"></div>

                        <div class="mail-search" style="height: 40px;">

                            <div class="mail-search-header">
                                <i class="fa fa-folder-open"></i>
                                <span style="padding-left: 8px;">我要办事</span>
                            </div>
                        </div>

                        <div class="mail-form">

                            <ul class="">
                                <li>
                                    您的姓名：
                                </li>
                                <li>
                                    <input type="text"/>
                                </li>
                                <li>
                                    受理局长：
                                </li>
                                <li>
                                    <input type="text"/>
                                </li>
                            </ul>

                            <ul class="">
                                <li>
                                    联系信箱：
                                </li>
                                <li>
                                    <input type="text"/>
                                </li>
                                <li>
                                    联系电话：
                                </li>
                                <li>
                                    <input type="text"/>
                                </li>
                            </ul>

                            <ul class="">
                                <li>
                                    联系地址：
                                </li>
                                <li>
                                    <input type="text"/>
                                </li>
                                <li>
                                    邮政编码：
                                </li>
                                <li>
                                    <input type="text"/>
                                </li>
                            </ul>

                            <ul class="">
                                <li>
                                    信件标题：
                                </li>
                                <li>
                                    <input type="text"/>
                                </li>
                            </ul>

                            <ul class="" style="height: 290px;">
                                <li>
                                    信件内容：
                                </li>
                                <li style="width: 600px;">
                                    <textarea style="width: 595px; height: 270px;"></textarea>
                                </li>
                            </ul>

                            <ul class="">
                                <li>
                                    查询密码：
                                </li>
                                <li style="width: 600px;">
                                    <input type="text"/><span style="font-size: 12px; color: red;">（请自行设定查询密码，查询受理情况时使用，请切记密码。）</span>
                                </li>
                            </ul>

                        </div>


                    </div>

                    <div style="" class="mail-form-button">
                        <input type="button" class="btn_back" value="返回"/>
                        <input type="button" value="提交"/>
                        <input type="button" class="btn_clear" value="清除"/>
                    </div>

                </div>



                <div class="clear"></div>
                <div></div>
            </div>

        </div>
        <!-- 正文 End -->


        <!-- 底部 Start -->
        <div class="footer">

            <div class="footer-context">

                <div class="foot_links">
                    <div style="width: 220px; font-size: 28px;font-weight: bold;float: left; padding-left: 20px;">
                        <span>友情链接</span>
                        <i class="fa fa-angle-right" style="padding-left: 15px;font-size: 24px;"></i>
                    </div>
                    <div class="foot_link_item foot_link_item_qg">
                        <span>全国站点导航</span>
                        <i class="fa fa-angle-up" style="padding-left: 12px;font-size: 24px;"></i>
                        <div class="dropdown-menu">
                            <ul>
                                <li><a href="#">外交部</a></li>
                                <li><a href="#">国防部</a></li>
                                <li><a href="#">国家发展和改革委员会</a></li>
                                <li><a href="#">教育部</a></li>
                                <li><a href="#">科学技术部</a></li>
                                <li><a href="#">工业和信息化部</a></li>
                                <li><a href="#">国家民族事务委员会</a></li>
                                <li><a href="#">公安部</a></li>
                                <li><a href="#">民政部</a></li>
                                <li><a href="#">司法部</a></li>
                                <li><a href="#">财政部</a></li>
                                <li><a href="#">人力资源和社会保障部</a></li>
                                <li><a href="#">生态环境部</a></li>
                                <li><a href="#">交通运输部</a></li>
                                <li><a href="#">水利部</a></li>
                                <li><a href="#">农业农村部</a></li>
                                <li><a href="#">商务部</a></li>
                                <li><a href="#">文化和旅游部</a></li>
                                <li><a href="#">退役军人事务部</a></li>
                                <li><a href="#">应急管理部</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="foot_link_item foot_link_item_qs">
                        <span>全省站点导航</span>
                        <i class="fa fa-angle-up" style="padding-left: 12px;font-size: 24px;"></i>
                        <div class="dropdown-menu">
                            <ul>
                                <li><a href="#">北京</a></li>
                                <li><a href="#">天津</a></li>
                                <li><a href="#">河北</a></li>
                                <li><a href="#">黑龙江</a></li>
                                <li><a href="#">辽宁</a></li>
                                <li><a href="#">吉林</a></li>
                                <li><a href="#">内蒙古</a></li>
                                <li><a href="#">山东</a></li>
                                <li><a href="#">上海</a></li>
                                <li><a href="#">重庆</a></li>
                                <li><a href="#">山西</a></li>
                                <li><a href="#">河南</a></li>
                                <li><a href="#">四川</a></li>
                                <li><a href="#">陕西</a></li>
                                <li><a href="#">宁夏</a></li>
                                <li><a href="#">甘肃</a></li>
                                <li><a href="#">青海</a></li>
                                <li><a href="#">西藏</a></li>
                                <li><a href="#">福建</a></li>
                                <li><a href="#">江苏</a></li>
                                <li><a href="#">广西</a></li>
                                <li><a href="#">贵州</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="foot_link_item foot_link_item_xx">
                        <span>西咸新区导航</span>
                        <i class="fa fa-angle-up" style="padding-left: 12px;font-size: 24px;"></i>
                        <div class="dropdown-menu">
                            <ul>
                                <li><a href="#">沣东新城</a></li>
                                <li><a href="#">沣西新城</a></li>
                                <li><a href="#">泾河新城</a></li>
                                <li><a href="#">秦汉新城</a></li>
                                <li><a href="#">空港新城</a></li>
                            </ul>
                        </div>

                    </div>
                    <div class="foot_link_item foot_link_item_cy">
                        <span>常用站点导航</span>
                        <i class="fa fa-angle-up" style="padding-left: 12px;font-size: 24px;"></i>
                        <div class="dropdown-menu">
                            <ul>
                                <li><a href="#">新华网</a></li>
                                <li><a href="#">人民网</a></li>
                                <li><a href="#">信用西安</a></li>
                                <li><a href="#">百度</a></li>
                                <li><a href="#">腾讯网</a></li>
                                <li><a href="#">网易</a></li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>

            <div class="foot-hr"></div>
            <div class="foot-msg">
                <p>地址：陕西省西咸新区泾河新城             电话：029-36390223             邮编：713700</p>
                <p>版权所有：泾河新城公安信息网     2019-2029</p>
            </div>

        </div>
        <!-- 底部 End -->

    </div>
    <script src="js/jquery.js"></script>
    <script src="js/mail-list.js"></script>
    <script src="js/footer.js"></script>
    <script>

        $(document).ready(function(){

        });



    </script>
</body>
</html>